import React, { useState } from 'react'
import '../scss/zxr.scss'

export default function BackLogin() {
    let [idx, setIdx] = useState('code')

    return (
        <div className='login'>
            <div className="content">
                <div className="left">
                    <img src="/login.png" alt="" />
                </div>
                <div className="right">
                    <p className='title'>在线考试系统</p>
                    <ul className='nav'>
                        <li onClick={() => {setIdx('code')}} className={idx === 'code'?'border':''}>账号密码登录</li>
                        <li onClick={() => {setIdx('mess')}} className={idx === 'mess'?'border':''}>微信扫码登录</li>
                    </ul>
                    {idx === 'code'?<div>
                        
                    </div>:<div>
                    
                    </div>}
                </div>
            </div>
        </div>
    )
}
